<template>
	<div class="j-join">
		<j-header :indexNum="8"></j-header>
		<div class="jp-banner"></div>
		<div class="nav-title">
			<div class="container clearfix">
				<div class="nav-text pull-left">加入我们</div>
				<div class="nav-link pull-left">
					<router-link to="/">首页 </router-link>/
					<span>联系我们 </span>/
					<span>加入我们 </span>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="join-us-box">
				<div class="module-title text-center">
					<span class="title-ch">加入我们</span><br>
					<span class="title-en">JOIN US</span>
				</div>
				<div class="ju-info clearfix">
					<div class="ju-info-left pull-left">
						<p>客户管理专员</p>
					</div>
					<div class="ju-info-right pull-left">
						<p>
							岗位职责：<br>
							1.为客户回馈方案提供辅助建设性意见，负责客户回馈相关执行工作；<br>
							2.对于客户管理线上运营工作提出可行性方案、参与策划、运营、管理执行等；
						</p>
						<p>
							任职要求：<br>
							1.一年以上工作经验；<br>
							2.有较强的沟通协调能力、组织、执行能力；<br>
							3.能承受一定工作压力，工作认真细致，具有较强责任心，有团队集体意识；</p>
					</div>
				</div>
				<div class="ju-contact clearfix">
					<div class="pull-left">
						<img src="../../assets/phone.png" alt="">
						<span>电话：+86- 转HR-招聘专员</span>
					</div>
					<div class="pull-left">
						<img src="../../assets/email.png" alt="">
						<span>简历投至： hr@xx.com</span>
					</div>
				</div>
			</div>
		</div>
		<j-footer></j-footer>
	</div>
</template>
<script>
import JHeader from '../../components/Header.vue'
import JFooter from '../../components/Footer.vue'
export default {
  name: 'Join',
  components: {
    JHeader, JFooter
  }
}
</script>
<style rel="stylesheet/scss" type="text/scss" lang="scss" scoped>
	.j-join{
		.clearfix{
			overflow: hidden;
		}
		.jp-banner {
			height: 150px;
			background: url(../../assets/banner/banner04.jpg) center top no-repeat;
			/*background-size: cover;*/
		}
		.container{
			.join-us-box{
				width: 85%;
				margin: 0 auto;
				.module-title {
					height: auto;
					margin: 25px auto 45px auto;
					.title-ch {
						color: #000000;
					}
				}
				.ju-info{
					background-color: #f6f6f6;
					padding: 50px 0 20px 0;
					.ju-info-left{
						width: 32%;
						p{
							/*font-size: 22px;*/
							font-size: 20px;
							font-weight: 600;
							width: 100%;
							border-left: 5px solid #02adef;
							text-align: right;
							margin: 0;
							padding-right: 18%;
							color: #000000;
						}
					}
					.ju-info-right{
						width: 65%;
						p{
							/*font-size: 16px;*/
							line-height: 30px;
							margin-bottom: 30px;
							color: #2a2a2a;
						}
					}
				}
				.ju-contact{
					margin: 40px auto 130px auto;
					div{
						width: 50%;
					}
					div:first-child{
						text-align: right;
						padding-right: 35px;
					}
					div:last-child{
						padding-left: 50px;
					}
				}
			}
		}
	}
	@media (max-width: 767px){
		.j-join{
			.container{
				.join-us-box{
					width: 100%;
					.ju-info{
						.ju-info-left{
							width: 32%;
							p{
								font-size: 18px;
								padding-right: 10%;
							}
						}
					}
					.ju-contact{
						div{
							width: 100%;
							text-align: left;
						}
						div:first-child{
							text-align: left;
							padding-right: 0;
						}
						div:last-child{
							padding-left: 0;
						}
					}
				}
			}
		}
	}
</style>
